* {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
}

/* 模糊背景 */
.record-bg-bg {
	z-index: -1;
	width: 100%;
	height: 104%;
	background-size: 100% 100%;
	filter: blur(10px);
	position: absolute;
	background-repeat: no-repeat;
}

.w {
	margin: 0 20px;
}

/* 上面 */
.top {
	/* width: 100%; */
	line-height: 50px;
	height: 50px;
	border-bottom: 1px solid gainsboro;
	background-color: white;
}

/* 放吸顶的盒子 */
.ceiling-box {}

.ceiling {
	display: flex;
}



/* 返回按钮 */
.esc {
	margin-left: 10px;
	color: #63bbfd;
}


/* 唱片背景 */
.record-bg {
	/* width: 100%; */
	/* height: 90%; */
	/* background-color: #564532; */
}

.music-name {
	margin: 0 auto;
	text-align: center;
	width: 60% !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* 音乐盒 */
.music-box {
	min-height: 73vh;
}



/* 指针 */
.music-needle {
	width: 30%;
	left: 45%;
	z-index: 2;
	position: relative;
}

.music-needle img {
	width: 100%;
}

/* 胶片 */

.blackCircle {
	z-index: -2;
	width: 226%;
	left: -96%;
	top: 46%;
	position: absolute;
	/* width: 60vw; */


}

.film-animation {
	animation: rotation 30s linear infinite;
	transform-origin: center;
}

.highlight {
	color: red;
}

/* 暂停动画 */
.film-paused {
	animation-play-state: paused;
}


@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.blackCircle img {
	width: 100%;
}

.black-img {
	width: 63%;
	z-index: -1;
	text-align: center;
	border-radius: 50%;
	transform: translate(-50%, -51%);
	top: 50%;
	left: 50%;
	position: absolute;
}

/* 下面的播放暂停 */
.function-button {
	display: flex;
	justify-content: space-around;
}

/* 下面的播放方式 */
.playback-mode {
	display: flex;
	align-items: center;
	justify-content: space-around;
}

/* 进度条盒子 */
.progress input {
	width: 100%;

}

/* 进度条 */
/*.progress-bar{
	position: relative;
	border-radius: 15px;
	background-color: white;
	margin: 20px 0;
	height: 5px;
	width: 100%;
}*/
/* 进度点 */
/*.progress-dian{
	top: -2px;
	z-index: 1;
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius:50% ;
	background-color: white;
} */
.progress-input {
	margin: 10px 0;
}

/*歌词*/
.lyrics {
	min-height: 73vh;
	overflow: auto;
	text-align: center;
	display: flex;
	/* min-height: 74vh; */
	justify-content: center;
	align-items: center;
	color: white;
}

.lyrics-bpx {
	height: 433px;
	/* height: auto; */
}

.lyrics-mid {
	padding: 5px;
}

/* 唱完和没唱的 */
/* .lyrics-top,
.lyrics-bottom {
	color: #c1bdbd;
} */